/* ------------------------------------------------------------------------------------
--  RESET
------------------------------------------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    line-height: 1;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img{
	max-width:100%;
}
iframe, img, object{
	float:left;
}
::selection{
	background:#d7e0c1;
}
::-moz-selection{
	background:#d7e0c1;
}
/* ------------------------------------------------------------------------------------
--  GENERAL + ANCHORS
------------------------------------------------------------------------------------ */
html{
	width:100%;
	height:100%;
}
body{ 
    width:100%;
    height:100%;
	margin: 0; 
	padding: 0;
    font-size:100%;
	font-family:'Merriweather', serif;
	color:#808080;
	line-height:1.5em;
	background:url(images/bg.jpg);
	background-repeat:repeat;
}
@media screen and (max-width: 1280px) {
body{
    font-size:90%;
}
}
a{
	color:#D2505A;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#a6333c;
} 
.block a, #postsplace a, nav li a, a.trigger span{
	-moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in; /*note: transition prefixes are required, prefix-free.js does not cover this attribute*/	
}
#navbar{
	display:none;
}
/* ------------------------------------------------------------------------------------
--  GENERAL 
------------------------------------------------------------------------------------ */
#wrapper{
	float:left;
	width:100%;
	height:100%;
	min-height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
/* ------------------------------------------------------------------------------------
--  NAVIGATION 
------------------------------------------------------------------------------------ */
nav{
	position:fixed;
	top:68px;
	left:62%;
}
@media screen and (max-width: 1280px) {
nav{
	left:72%;
}
}
nav ul{
	float:left;
	width:100%;
	list-style:none;
}
nav li{
	float:left;
	width:100%;
	margin:0 0 4% 0;
}
nav li:last-child{
	margin:0;	
}
nav li a{
	width:80px;
	height:80px;
	border-radius:40px;
	line-height:80px;
	float:left;
	display:block;
	text-align:center;
	font-size:0.9em;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    color:#d5dcc3;
	background:#50434D;
}
nav li a:hover{
    background:#D2505A;
    color:#d5dcc3;
}
nav li.selected a{
	 background:#697060;
}
/* ------------------------------------------------------------------------------------
-- PLAYER
------------------------------------------------------------------------------------ */
#audioplayer{
	position:fixed;
	right:0;
	bottom:0;
	background:transparent;
	padding:20px;
	width:260px;
}
.panel{
	float:left;
	width:100%;
    display: none;
    height: auto;
    background:rgba(0,0,0,0.7);	
}
a.trigger{
	float:left;
	width:100%;
	display:block;
	background:transparent;
}
a.trigger span{
	float:right;
	padding:4% 8%;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    color:#d5dcc3;
    font-size:0.8em;
	background:#50434D;
	border-left:4px solid #d5dcc3;	
}
a.trigger span:hover{
    background:#697060;
}
a.active.trigger {
    background:#1f1f1f url(images/close.png) 16px 50% no-repeat;
}
.audio-box{
	float:left;
	margin:10px 0;
}
p.trackinfo{
    background:#1f1f1f;
	font-size:0.9em;
	font-family:'Helvetica', sans-serif;
    color:#d5dcc3;
    padding:10px 40px;
}
.playing{
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:300;
	color:#00A0B0;
}
/* ------------------------------------------------------------------------------------
--  LIST OF COLUMNS
------------------------------------------------------------------------------------ */
#columns{
	float:left;
	width:60%;
	margin-right:4%;
	background:#697060 url(images/pat-light.png);
	background-repeat:repeat;
	clear:both;
	position:relative;
	overflow:hidden;
	box-shadow:0 2px 100px rgba(0,0,0,0.4);
}
@media screen and (max-width: 1280px) {
#columns{
   width:70%;
}
}
#mainplace{
	float:left;
	background:#D2505A url(images/pat.png);
	background-repeat:repeat;
	width:40%;
    margin-bottom: -99999px;
	padding-bottom: 99999px;
}
#postsplace{
	float:right;
	background:#697060 url(images/pat-light.png);
	background-repeat:repeat;
	width:60%; 
    margin-bottom: -99999px;
	padding-bottom: 99999px;
}
/* ------------------------------------------------------------------------------------
--  HEADER
------------------------------------------------------------------------------------ */
#logo{
	float:left;
	width:100%;
	text-align:center;
	background:url(images/berlin.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border-bottom:8px solid #697060;
}
#logo hgroup{
	margin:30% 0;	
}
#logo h1 a{
	color:#d5dcc3;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	font-size:2.4em;
	display:block;
	line-height:1.5em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#logo h1 a:hover{
	color:#ecf0e3;
}
#logo h2{
	color:#d5dcc3;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight:300;
	font-size:1.2em;
	display:block;
}
/* ------------------------------------------------------------------------------------
--  SLIDING PANEL WITH ADDRESS AND HOURS
------------------------------------------------------------------------------------ */
#panel{
	float:left;
	width:100%;
	margin:0;
	display:none;
	background:rgba(215,224,193,.8);/*d7e0c1*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90d7e0c1,endColorstr=#90d7e0c1);
   /*dnot to be confused with .panel for audioplayer!*/
}
.slide{
    float:left;
    width:100%;
	border-top:8px solid #d5dcc3;
}
.btn-slide{
	float:right;
	background:url(images/btn.png) 0 0;
	background-repeat:no-repeat;
	display:block;
	width:60px;
	height:60px;
}
.btn-slide:hover{
	background:url(images/btn.png) 0 -60px;
	background-repeat:no-repeat;
}
#search{
	float:left;
	width:80%;
	margin:4% 10%;
}
#search form{
    float:left;
    width:100%;
    clear:both;	
    overflow:hidden;	
}
#search form input{	
	font-size:0.8em;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    padding:2%;
	border:none;
}
#searchsite{
	float:left;
	background:transparent;
    width:60%; 
    color:#50434D;
}
#searchsubmit{
	float:right;
    width:32%;
	background:#50434D;
    color:#d5dcc3;
	letter-spacing:0.1em;
	cursor:pointer;
    -moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in; /*note: transition prefixes are required, prefix-free.js does not cover this attribute*/	
}
#searchsubmit:hover{
	background:#1f1f1f;
}
/* ------------------------------------------------------------------------------------
--  WIDGETS (SIDEBAR)
------------------------------------------------------------------------------------ */
.block{
	float:left;
	width:100%;
	color:#3c2e39;
}
.block h2{
    font-size:1.6em;
	margin-bottom:40px;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	text-shadow:0 1px 1px #ed767f;
	line-height:1.5em;
}
.block a{
	color:#d5dcc3;
}
.block a:hover{
	color:#50434D;
}
/* ------------------------------------------------------------------------------------
--  WIDGET PREFACE TEXT #HTML1
------------------------------------------------------------------------------------ */
#preface{
	float:left;
	width:80%;
	margin:10% 10% 0 10%;	
}
/* ------------------------------------------------------------------------------------
--  WIDGET LABELS (EXPLORE STORIES)
------------------------------------------------------------------------------------ */
#Label1{
	float:left;
	width:80%;
	margin:10% 10% 0 10%;
}
#Label1 ul{
	float:left;
	width:100%;
	list-style:none;
}
#Label1 li{
	float:left;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
 	border-bottom:1px dashed #50434D;
	font-family:'Oswald', sans-serif;
}
#Label1 a{
	text-transform:uppercase;
	font-size:1.1em;	
	line-height:40px;
}
#Label1 span{
	text-transform:uppercase;
	padding:10px 0;
	color:#50434D;
}
#Label1 span.numbers{
	float:right;
	padding:10px;
	background:#50434D;
	color:#d5dcc3;
}
/* ------------------------------------------------------------------------------------
--  WIDGET FOLLOW BY EMAIL
------------------------------------------------------------------------------------ */
#FollowByEmail1{
	float:left;
	width:80%;
	margin:10% 10% 0 10%;
}
.follow-by-email{
    float:left;
    width:100%;
}
.follow-by-email form{
    float:left;
    width:100%;
    clear:both;	
    overflow:hidden;	
}
.follow-by-email form input{	
	font-size:0.9em;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
}
#follow-address{
	float:left;
	background:#50434D;
	border:none;
    width:60%; 
    padding:4%;
    color:#d5dcc3;
}
#follow-submit{
	float:right;
    width:32%;
    padding:4% 0;
    background:#D2505A;
	border:none;
    color:#d5dcc3;
	cursor:pointer;
    -moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in; /*note: transition prefixes are required, prefix-free.js does not cover this attribute*/	
}
#follow-submit:hover{
	background:#1f1f1f;
}
/* ------------------------------------------------------------------------------------
--  WIDGET TWITTER #HTML3
------------------------------------------------------------------------------------ */
#HTML3{
	float:left;
	width:80%;
	margin:10% 10% 0 10%;
}
ul.tweet_list{
	float:left;
	width:100%;
	list-style:none;
	font-size:0.9em;
}
ul.tweet_list li{
     overflow-y: auto;
     overflow-x: hidden;
	 margin:0 0 20px 0;
     padding-bottom:10px;
 	 border-bottom:1px dashed #50434D;
}
.tweet_time a{
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
}
.tweet_text{
	float:left;
	width:100%;
	color:#3c2e39;
	margin-top:10px;
	font-family:'Helvetica', sans-serif;
}
.tweet_text a{
	padding-right:5px;
	color:#50434D;
}
a.tw{
	float:right;
	text-shadow:0 1px 1px #ed767f;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	margin-top:10px;
}
/* ------------------------------------------------------------------------------------
--  WIDGET POPULAR POSTS 
------------------------------------------------------------------------------------ */
#PopularPosts1{
	float:left;
	width:80%;
	margin:10% 10% 0 10%;
}
#PopularPosts1 ul{
	float:left;
	width:100%;
	list-style:none;
}
#PopularPosts1 li{
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:20px;
 	border-bottom:1px dashed #50434D;
}
#PopularPosts1 a{
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:1.1em;	
	margin-bottom:5px;
	display:block;
	line-height:1.5em;
}
.item-snippet{
	float:left;
}
/* ------------------------------------------------------------------------------------
--  WIDGET SOCIAL LINKS (#HTML5)
------------------------------------------------------------------------------------ */
#HTML5{
	float:left;
	width:80%;
	margin:10% 10% 0 10%;
}
#social{
	float:left;
	width:100%;
	list-style:none;
}
#social li{
	float:left;
	margin:0 2% 2% 0;
}
#social li:last-child{
	float:left;
	margin:0 0 2% 0;
}
.circle{
	width:42px;
	height:42px;
	border-radius:21px;
	background:#d5dcc3;
}
#social a{
	float:left;
	margin:5px;
}
#social img{
	float:left;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -khtml-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}
#social img:hover{
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -khtml-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
/* ------------------------------------------------------------------------------------
--  FOOTER
------------------------------------------------------------------------------------ */
#HTML4{
	float:left;
	width:80%;
	margin:10%;
/*since it is last widget on sidebar it has 10% margin-bottom
 unlike all other widgets. if this widget will be followed by 
 another one replace 10% bottom margin with 0%*/
}
footer{
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	width:40%;
	background:#50434D;
	border-top:8px solid #d5dcc3;
}
footer small{
	float:left;
	width:80%;
	margin:2% 10%;
    color:#d5dcc3;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:0.8em;	
}
/* ------------------------------------------------------------------------------------
--  HOME PAGE 
------------------------------------------------------------------------------------ */
#crossslide{
	width: 100%;
	min-height:100%;
	margin:0px auto;
	position:fixed;
}
#crossslide img{
	max-width:none;
}
/* ------------------------------------------------------------------------------------
--  post
------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------
--  post body
------------------------------------------------------------------------------------ */
.date-post, .post-outer{
	float:left;
	width:100%;
}	
.post{
	float:left;
	border-top:8px solid #50434D;
	border-right:1px solid #f0f0f0;
    width:92%;/*total 100%*/
	padding:4%;
	margin-bottom:42px;
	background:#f0f0f0;
	box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
/* ------------------------------------------------------------------------------------
--  post date and post title
------------------------------------------------------------------------------------ */
.date-outer{
	float:left;
	width:100%;
}
h2.date-header{
	text-align:center;
	background:#f0f0f0;
	border-top:8px solid #50434D;
}
h2.date-header span{
	padding:4% 0 0 0;
	color:#50434D;
	text-shadow:0 1px 1px #fff;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	display:block;
}
h1.post-title{
	text-align:center;
	display:block;
	font-size:2em;	
	color:#808080;
    text-transform:capitalize;
	line-height:1.5em;
	text-shadow:0 1px 1px #fff;	
	margin-bottom:20px;
}
h1.post-title a{
	color:#808080;
    text-shadow: 0 1px 1px #fff;/*post title anchor*/
}
h1.post-title a:hover{
	color:#5f4358;
}
/* ------------------------------------------------------------------------------------
--  post: read more button
------------------------------------------------------------------------------------ */
.jump-link{
    float:left;
    width:100%;
}
.jump-link a{
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	display:block;
	background:url(images/bookmark.png);
	background-repeat:no-repeat;
	padding:0 0 0 34px;
}
/* ------------------------------------------------------------------------------------
--  post: disqus comments widget (#HTML7)
------------------------------------------------------------------------------------ */
#disqus_thread{
	float:left;
    width:92%;/*total 100%*/
	padding:4%;
	margin-bottom:40px;
	background:#f0f0f0;
	border:1px solid rgba(255,255,255,0.3);
	box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
/* ------------------------------------------------------------------------------------
--  post: post footer: posted at, posted by, number of comments etc
------------------------------------------------------------------------------------ */
.post-footer{/*number of comments, author, label etc*/
	float:left;
	width:100%;
}
.post-footer-line-1{
	margin-bottom:20px;
	display:none;
}
.post-author, .post-timestamp{/*posted by, posted at*/
    font-size:0.9em;
}
a.comment-link{/*number of comments*/
    font-size:0.9em;
    text-transform:lowercase;
    padding-left:10px;
}
/*you can remove display:none in order to show post-footer on your blog*/
.post-footer-line-2{
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.post-labels{
    font-size:0.9em;
    float:left;
    width:100%;
}
.post-labels a{
	display:inline-block;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    padding:4px 10px;
    background:rgba(0,0,0,.04);
    margin:0 0 10px 10px;
}	
/* ------------------------------------------------------------------------------------
--  post: previous / next buttons
------------------------------------------------------------------------------------ */
.blog-pager{
	float:left;
}
#blog-pager-menu{
	float:left;
	width:92%;
    margin:0 4% 40px 4%;
    padding:0;
}
#blog-pager-menu a{
	float:left;
    display:inline;
    padding:1% 2%;
	background:#50434D;
	border-left:4px solid #d5dcc3;
    margin-right:2%;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    color:#d5dcc3;
    font-size:0.8em;
}
#blog-pager-menu a:hover{
    background:#D2505A;
}
.blog-mobile-link-custom{
	float:left;
	width:100%;
	margin-top:2%;
}
/* ------------------------------------------------------------------------------------
--  POST ARTICLE
------------------------------------------------------------------------------------ */
.post article, .post section{
	float:left;
	width:100%;
}
.post p:first-child{
	float:left;
	width:70%;
	margin:20px 15%;
	font-weight:700;
}
.post p{
	line-height:1.5em;	
	margin-bottom:40px;
	color: #808080;
	text-shadow:0 0 1px #fff;
}
/* ------------------------------------------------------------------------------------
--  POST ARTICLE: figure image
------------------------------------------------------------------------------------ */
.post figure{
	float:left;
	width:100%;
	margin-bottom:4%;
	border:1px solid rgba(221,221,221,0.7);
	background:#f0f0f0;
	box-shadow:0 1px 1px rgba(221,221,221,0.9);
}
.figure-inner{
	float:left;
	width:92%;
	padding:4%;
	border:1px solid #fff;
}
/* ------------------------------------------------------------------------------------
--  TOP ANCHOR
------------------------------------------------------------------------------------ */
#totop{
	float:left;
	width:100%;
	text-align:center;
}
#totop a{
	padding: 1% 2%;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    color:#d5dcc3;
    font-size:0.8em;
	background:#50434D;
	border-left:4px solid #d5dcc3;
}
#totop a:hover{
    background:#D2505A;
}
/* ------------------------------------------------------------------------------------
--  ANCHOR REDIRECTING TO ARCHIVE PAGE
------------------------------------------------------------------------------------ */
.view{
	float:left;
	width:100%;
	padding-bottom:20px;
 	border-bottom:1px dashed #50434D;
	margin:40px 0;
    text-align:center;
}
.view a{
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    color:#d5dcc3;
}
.view a:hover{
	color:#50434D;	
}
/* ------------------------------------------------------------------------------------
--  STYLES FOR HOME PAGE AND POSTS (GENERAL STYLES) END HERE. FURTHER GO STYLES FOR 
POST ARTICLE (INDIVIDUAL STYLES) AND STATIC PAGES
------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------
--  POST ARTICLE STYLES
------------------------------------------------------------------------------------ */
#page-wrap, #page-wrap article, #page-wrap section, #page-wrap figure{
	float:left;
	width:100%;
}
#page-wrap section{
	margin-bottom:20px;
}
#page-wrap h2{
	text-align:center;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    text-shadow:none;	
	font-size:0.8em;
	letter-spacing:0.1em;
	margin:-20px 0 20px 0;
}
.blue{
	color:#00A0B0;
}
.black{
	color:#111;
}
.grey{
	color:#bebebe;
}
#page-wrap section h1{
	font-size:1.4em;
	padding-top:20px;
	border-top:2px solid #fff;
	margin-bottom:40px;
	text-transform:capitalize;
}
.greyline{
	float:left;
	width:100%;
	height:1px;
	background:#ddd;
	margin-bottom:20px;
}
ul.list{
	float:left;
	width:96%;
	margin:0 0 40px 4%;
	list-style:square;
	font-size:0.92em;
}
ul.list li{
	float:left;
	width:100%;
	line-height:1.7em;
}
/* ------------------------------------------------------------------------------------
--  STATIC PAGES: ARCHIVE PAGE
------------------------------------------------------------------------------------ */
.archives, .archives a{
	float:left;
	width:100%;
}
.archives p{
	margin-bottom:0;
	padding:2% 2% 0 2%;
}
.archive-item{
	float:left;
	width:100%;	
	margin-bottom:20px;
	border-bottom:1px solid #fff;
    background:rgba(221,221,221,0.3);
}
.archive-single{
	float:left;
	width:100%;
	padding-bottom:2%;
	border-bottom:1px solid #ddd;
}
.archive-single p{
	text-transform:capitalize;
}
/* ------------------------------------------------------------------------------------
--  STATIC PAGES: CONTACT PAGE
------------------------------------------------------------------------------------ */
form#contact{
	float:left;
	width:100%;
	margin:20px 0 40px 0;
}
form#contact fieldset{
	float:left;
	width:100%;
}
.ss-form-entry{
	float:left;
	width:100%;
	clear:both;	
}
form#contact label{
	float:left;
	width:30%;
	margin:0 4% 2% 0;
	border-bottom:1px solid rgba(221,221,221,0.6);
	padding-bottom:2%;
	text-shadow:0 1px 1px #fff;
	font-size:0.9em;
}
form#contact input, form#contact textarea{
	float:right;
	width:61%;
	padding:2%;
	border:1px solid rgba(221,221,221,0.6);
	background:#f6f6f6;
	margin-bottom:2%;
}
form#contact input:hover, form#contact textarea:hover{
	background:#ececec;
	border:1px solid rgba(255,255,255,0.4);
	color:#555;
}
.ss-required-asterisk{
	margin-left:5px;
	color: #ab4d4d;
}
.buttonsubmit{
	float:left;
	margin-left:35%;
	background:#50434D;
	display:inline-block;
	padding: 1% 2%;
	border:1px solid rgba(255,255,255,0.9);
	box-shadow:0 2px 2px rgba(0,0,0,0.1);
	cursor:pointer;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
    color:#d5dcc3;
    font-size:0.8em;
    -moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in; /*note: transition prefixes are required, prefix-free.js does not cover this attribute*/	
}
.buttonsubmit:hover{
    background:#D2505A;
    color:#d5dcc3;
}
/* ------------------------------------------------------------------------------------
--  EXTRAS STYLES
------------------------------------------------------------------------------------ */
/*headings h2 and h3, h1 see above*/
#page-wrap section h2{
	text-align:left;
	font-size:1.3em;
	text-transform:capitalize;
	letter-spacing:0em;
	font-family:'Merriweather', serif;
    text-shadow:none;	
	margin:0 0 20px 0;
}
#page-wrap section h3{
	text-align:left;
	font-size:1.2em;
	text-transform:none;
	letter-spacing:0em;
	font-family:'Merriweather', serif;
    text-shadow:none;	
	margin:0 0 20px 0;
}
/*resizable video*/
.video-holder{
	float:left;
	width:100%;
	background:black;
	margin-bottom:40px;
}
.video-container {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*alerts*/
.alert{
    float:left;
    width:100%;	
    margin-bottom:40px;
}
.green{
	background:#BDBD9F;
	border:1px solid #6D6D5D;
}
.green p{
	color: #6D6D5D;	
}
.yellow{
	background:#FBF5B5;
	border:1px solid #EDAF00;
}
.yellow p{
	color:#EDAF00;
}
.orange{
	background:#F98F6F;
	border:1px solid #A89078;
}
.orange p{
	color:#664C4B;
}
/*quotes*/
blockquote{
	line-height:1.5em;
	padding:4%;
	margin-bottom:40px;
	border:1px solid #ddd;
	font-size:0.9em;
}
q{
	float:left;
	line-height:1.5em;
	margin-bottom:40px;
	border:1px solid #ddd;
	font-size:0.9em;
	overflow:hidden;	
	padding:4%;
}
q:before{
	display: block;
	float: left;
	margin: 4% 1% 0 0;
	font-size: 4em;
	/* could be content:open-quote;*/
}
q:after {
	display: none;
}
:lang(en-us)>q {
    quotes: "\201c" "\201d" "\2018" "\2019";
}
:lang(en-gb)>q {
    quotes: "\2018" "\2019" "\201c" "\201d";
}
/*gallery*/
ul.gallery{
	float:left;
	width:100%;
	list-style:none;
}
ul.gallery li{
	float:left;
	width:32%;
	margin:0 2% 2% 0;
}
ul.gallery li:last-child{
	margin:0 0 2% 0;
}


